<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="./service.css">
  <title>联系客服</title>
</head>
<body>
<div class="container">
    <div class="content">
        <div class="qrcode-wrap">
            <img class="qrcode-img" src="http://antfresh.oss-cn-hangzhou.aliyuncs.com/m/shiliu/qrcode.jpeg" alt="">
            <div class="qrcode-txt">截图后微信识别二维码添加</div>
        </div>
        <div class="WeChat-wrap">
        <div class="WeChat">
            <div class="WeChat-conter">
            <div class="WeChat-left">微信号:</div>
            <text  class="WeChat-num" >slj-jj</text>
            </div>
            <!--<input class="WeChat-num" type="text" value="slj-jj">-->
            <div class="copy" onclick="" data-clipboard-action="copy" data-clipboard-target="div">复制</div>
        </div>
        </div>
    </div>
</div>
<script src="https://cdn.bootcss.com/clipboard.js/1.6.1/clipboard.js"></script>
<script>
    var clipboard = new Clipboard('.copy',{
        target: function() {
            return document.querySelector('.WeChat-num');
        }
    });
    clipboard.on('success', function(e) {
        alert('复制成功')
    });

    clipboard.on('error', function(e) {
        alert('复制失败')
    });

</script>
</body>
</html>
